<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<title>Insert title here</title>
</head>
<body  ng-app="my" ng-controller="SpicyCtrl">
	<div>
	</div>
	<button ng-click="chiliSpicy()">Chil</button>
	<button ng-click="jala()">jadwe</button>
	
	<div>
		<p ng-repeat="x in xs">The food is {{x}} spicy!</p>
	</div>
</body>

<script>
	function SpicyCtrl($scope) {
		$scope.xs = ["very", "dfewf", "fef"];
		$scope.chiliSpicy = function () {
			$scope.xs = ['chili', "gjs"];
		};
		$scope.jala = function() {
			$scope.xs = ['gjs', 'qwe', 'dweff', 'ferferfer'];
		};
	}
	var app = angular.module('my', []).controller('SpicyCtrl', SpicyCtrl);
	
</script>
</html>